body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,pre,form,fieldset,input,textarea,p,blockquote,th,td,a,i {
    margin: 0;
    padding: 0;
    box-sizing:border-box;
}
body, a, input, textarea, select {
    color: #666;
    font: 14px/180% Tahoma,"微软雅黑";
    text-decoration: none;
}
li{
    list-style-type: none;
    list-style-position: outside;
}
.info-first.active, .info-sec.active, .introNews.active, .field.active, .index-map.active, .about.active{
    transform: translate(0,0);
}
.center-wrap{
    width: 1680px;
    margin: 0 auto;
}
.info-first, .info-sec, .introNews, .field, .index-map, .about{
    transform: translate(0,350px);
    transition: transform .5s;
}
.field{
    margin-top: 40px;
}
.field h2{
    text-align: center;
    font-size: 32px;
    position: relative;
}
.field h2 b{
    display: block;
}
.field h2 span{
    display: inline-block;
    font-size: 18px;
    position: relative;
    margin-top: 10px;
    color: #bbb;
}
.field h2 span:after{
    content: "";
    border-top: 5px solid #0B7DCD;
    width: 100%;
    position: absolute;
    top: 35px;
    left: 0;
}
.field__bd{
    padding: 60px 0 60px 0;
}
.f_clear{
    display: block;
}
.f_clear{
    display: inline-block;
}
.fieldList{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.first-fieldList{
    padding: 0 360px;
}
.second-fieldList{
    padding: 0 180px;
}
.fieldList__item{
    width: 180px;
    text-align: center;
}
.fieldList__icon{
    display: block;
}
.fieldList__icon:hover i{
    background-position: center -100%;
    background-color: #1296DB;
    border-color: #1296DB;
}
.fieldList__icon:hover i:after{
    top: 0;
}
.fieldList__icon i{
    display: inline-block;
    border: 5px solid #E1EFF7;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    transition: all .5s;
    overflow: hidden;
}
.fieldList__icon i:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 100%;
    left: 0;
    transition: all .5s;
}
.fieldList__icon1 {
    position: relative;
    background: url(/public/assets/img/jingjia.png) no-repeat center;
    background-size: 40px;
}

.fieldList__icon1:after{
    background: url(/public/assets/img/jingjia-white.png) no-repeat center;
    background-size: 40px;
}

.fieldList__icon2 {
    position: relative;
    background: url(/public/assets/img/daili.png) no-repeat center;
    background-size: 40px;
}

.fieldList__icon2:after{
    background: url(/public/assets/img/daili-white.png) no-repeat center;
    background-size: 40px;
}
.fieldList__icon3 {
    position: relative;
    background: url(/public/assets/img/zixun.png) no-repeat center;
    background-size: 40px;
}

.fieldList__icon3:after{
    background: url(/public/assets/img/zixun-white.png) no-repeat center;
    background-size: 40px;
}
.fieldList__icon4 {
    position: relative;
    background: url(/public/assets/img/gongcheng.png) no-repeat center;
    background-size: 40px;
}

.fieldList__icon4:after{
    background: url(/public/assets/img/gongcheng-white.png) no-repeat center;
    background-size: 40px;
}
.fieldList__icon5 {
    position: relative;
    background: url(/public/assets/img/gczx.png) no-repeat center;
    background-size: 40px;
}

.fieldList__icon5:after{
    background: url(/public/assets/img/gczx-white.png) no-repeat center;
    background-size: 40px;
}
.fieldList__icon6 {
    position: relative;
    background: url(/public/assets/img/guocheng.png) no-repeat center;
    background-size: 40px;
}

.fieldList__icon6:after{
    background: url(/public/assets/img/guocheng-white.png) no-repeat center;
    background-size: 40px;
}
.fieldList__icon7 {
    position: relative;
    background: url(/public/assets/img/jishu.png) no-repeat center;
    background-size: 40px;
}

.fieldList__icon7:after{
    background: url(/public/assets/img/jishu-white.png) no-repeat center;
    background-size: 40px;
}
.fieldList__icon8 {
    position: relative;
    background: url(/public/assets/img/jixiao.png) no-repeat center;
    background-size: 40px;
}

.fieldList__icon8:after{
    background: url(/public/assets/img/jixiao-white.png) no-repeat center;
    background-size: 40px;
}
.fieldList__icon9 {
    position: relative;
    background: url(/public/assets/img/xuncha.png) no-repeat center;
    background-size: 40px;
}

.fieldList__icon9:after{
    background: url(/public/assets/img/xuncha-white.png) no-repeat center;
    background-size: 40px;
}
.fieldList__icon10 {
    position: relative;
    background: url(/public/assets/img/shigong.png) no-repeat center;
    background-size: 40px;
}

.fieldList__icon10:after{
    background: url(/public/assets/img/shigong-white.png) no-repeat center;
    background-size: 40px;
}
.fieldList__icon span{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #1295DB;
    display: block;
    margin-top: 10px;
    transition: color .3s;
}
.fieldList__info{
    text-align: center;
    margin-top: 10px;
    color: #9a9a9a;
}
.introNews{
    background: #77A2F0;
    overflow: hidden;
    margin: 55px 0 60px 0;
}
.introNews>div:before{
    content: '';
    width: 100%;
    height: 530px;
    /*background: #77A2F0;*/
    position: absolute;
    z-index: 0;
}
.introNews__bd{
    position: relative;
    height: 530px;
    z-index: 1;
}
.introNews__bd .introNews__left{
    float: left;
    width: 50%;
    height: 100%;
    background: url(/public/assets/img/intro-bg.jpg) no-repeat;
    background-size: cover;

}
.introNews__bd .introNews__right{
/* 	height: 98%; */
    float: left;
    width: 50%;
}
.introduction__bd p{
    text-indent: 2em;
    text-align: justify;
}
.introduction__bd a{
    color: #0B7DCD;
}
.introNews__right{
    padding: 0 0 50px 40px;
    color: #fff;
    position: relative;
    height: 490px;
}
.introduction{
    padding-top: 20px;
}
.introduction__hd h2{
    font-size: 30px;
    position: relative;
    line-height: 35px;
    font-weight: normal;
    padding-bottom: 15px;
}
.introduction__hd span{
    display: block;
    font-weight: bold;
}
.introduction__hd h2:after{
    content: "";
    border-top: 5px solid #0B7DCD;
    width: 55px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.introduction__bd{
    margin-top: 20px;
    line-height: 1.5em;
}
.introNewsNav{
    position: absolute;
    bottom: 0;
}
.introNewsNav li{
    width: 100px;
    height: 40px;
    border: 1px solid #fff;
    float: left;
    text-align: center;
    line-height: 38px;
    margin-right: 10px;
}
.introNewsNav .active{
    background: #F9C500;
    border-color: #cb9f00;
}
.introNewsNav li a{
    display: block;
    color: #FFF;
    line-height: 38px;
}

.sign-box{ overflow: hidden; }
.sign-box .sign-row{ float: left; width: 32%; margin-right: 2%}
.sign-box .sign-row:last-child{margin-right: 0;}
.sign-box .sign-row-title{ position: relative; font-size: 16px; line-height: 40px; padding-top: 10px; }
.sign-box .sign-row-title .more{ float: right; line-height: 40px; display: block; }
.sign-box .sub-titles{ display: flex; justify-content: space-between }
.sign-box .sub-titles .sub-title-item{ flex: 1; font-size: 16px; text-align: center; margin: 0 5px; }
.sign-box .sub-titles .sub-title-item a{ display: block; height: 32px; line-height: 32px; margin-top: 4px; border: 1px solid #ddd; background: #fff; box-sizing: border-box; transition: all .3s; }
.sign-box .sub-titles .sub-title-item.on a{  border-color: #094792; background: #094792; color: #fff }
.sign-box .sign-row-list{ height: 440px; padding: 10px 0; }
.sign-box .sign-row-list ul { height: 400px; }
.sign-box .sign-row-list li{
    position: relative;
    padding-right: 50px;
    line-height: 40px;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 20px;
}
.sign-box .sign-row-list li:before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left-color: #999;
    left: 4px;
    top: 14px;
}
.sign-box .sign-row-list li:hover{
    padding-left: 25px;
    transition: all .3s;
}
.sign-box .sign-row-list li .title-time{ display: block; width: 42px; color: #999; font-size: 12px; position: absolute; right: 0; top: 0; line-height: 40px; }
.sign-box .big-row-list li { text-align: center; font-size: 24px; padding: 40px 0;}
.sign-box .sign-two-row-list{ overflow: auto }
.sign-box .sign-two-row-list li{ float: left; width: 50%; box-sizing: border-box; padding: 0 20px; }
.sign-row-img{ width: 100%; overflow: hidden; }
.sign-row-img img{ width: 100%; transition: all .3s; max-width: 100%; max-height: 100%; display: block; }
.sign-row-img:hover img{ transform: scale(1.1) }
.home-news .more a{padding: 10px 40px; font-size: 16px;}

.project-case-swiper .swiper-slide{
    padding: 0 10px 10px 0;
}
.project-case-swiper .case-item{
    display: inline-block;
    background-color: #FFF;
    margin-top: 30px;
}
.case-item .text-content{
    padding: 15px 30px;
}
.case-item .text-content .title{
    font-size: 20px;
}
.case-item .text-content .des{
    color: #999;
    line-height: 22px;
    margin-top: 15px;
    height: 44px;
}
.case-item .text-content .time{
    color: #999;
    margin-top: 10px;
}

.text-small{
    font-size: 15px !important;
}
@media (max-width: 1679px) {
    .center-wrap, .news-wrap{
        width: 100%;
    }
}
@media (max-width: 1200px) {
    .first-fieldList{
        padding: 0 180px;
    }
    .second-fieldList{
        padding: 0;
    }
}
@media (max-width: 1060px) {
    .fieldList{
        flex-wrap: wrap;
    }
    .first-fieldList{
        padding: 0;
    }
    .fieldList .fieldList__item {

    }
}

@media (max-width: 920px) {
    .fieldList{
        justify-content: space-around;
    }
}

@media (max-width: 768px) {
    .sign-box .sign-row{width: 100%;margin: 0; padding: 0 20px}
    .sign-box .sign-row-list li{padding-right: 50px;}
    .sign-box .sign-two-row-list li{ width: 50%; }
    .introNews__bd .introNews__left{
        display: none;
    }
    .introNews__bd .introNews__right{
        width: 100%;
        padding: 0 20px 50px 20px;
    }
}

